.diagram{
	border: 1px solid  #DDDDDD;
}
.diagram > #toolbar{
	width: 100%;
	height: 20px;
	border-bottom: 1px solid  #DDDDDD;
	background-image: url(../img/toolbar_background.png);
}

.diagram > #content{
	overflow:auto;
	width:100%;	
	border-bottom: 1px solid  #DDDDDD;
}

.diagram > #statusbar{
	width:100%; 
	height:15px; 
	border-bottom: 1px solid  #DDDDDD;
}

.diagram .node{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	background-image:url(../img/node_background.png);
	background-repeat: repeat-x;
	position: relative;
	
}
.diagram .node_selected{
	border: 2px solid #FF9C08;
	background-color: #EEEEEE;
	background-image:url(../img/node_background.png);
	background-repeat: repeat-x;
	position: relative;
	
}
.diagram .connector{
	background-color: black;
	position:absolute;
}
.diagram .connectorpoint{
	width: 8px;
	height: 8px;
	background-color:black;
	position:absolute;
}
.ui-resizable-helper { border: 1px dotted gray; }

